<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>权限管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script>document.write('<script src="../../plugin/vue/js/import.js?' + Math.random() + '"><' + '/script>');</script>

<script>
	_import("../../plugin/vue/js/before.js");
</script>

<style>
[v-cloak] {
	display: none !important;
}

</style>
</head>
<body>
	<div class="container w-ifrcont" id="app" v-cloak>
		<div class="panel panel-default">
			<div class="panel-heading" id="panel-heading-div">
				<h3 class="panel-title">
					<i class="icon-th"></i>权限管理
				</h3>
			</div>
			
			<div class="panel-body w-jheight ">
				<div class="w-pos">
					<el-button type="primary" style="position: absolute; right: 0;  top: -4px; z-index: 99;" @click="openDialogForm">添加</el-button>
				</div>
				<el-tabs v-model="groupOrder" type="card" @tab-click="handleClick">
				<el-tab-pane v-for="(item, index) in privtablist"
					:key="item.grouporder" :label="item.privgroup"
					:name="item.grouporder"> <el-table
					:data="privlist" border style="width: 100%">
				<el-table-column align="center" prop="privname" label="权限编码">
				</el-table-column> <el-table-column align="center" prop="remarks" label="权限名称">
				</el-table-column> <el-table-column align="center" fixed="right" label="操作"
					width="100"> <template slot-scope="scope">

				<i class="el-icon-edit" title="编辑"
					@click="edit(scope.$index, scope.row)"></i> <i
					class="el-icon-delete" title="删除"
					@click="del(scope.$index, scope.row)"></i> </template> </el-table-column> </el-table> </el-tab-pane> </el-tabs>
			</div>
		</div>
		<!-- Form -->
		<el-dialog :title="form.title" :visible.sync="dialogFormVisible"> <el-form ref="form" :model="form" label-width="100px"> <el-form-item
			label="权限编码"> <el-input v-model="form.privname"
			placeholder="权限编码"></el-input></el-form-item> <el-form-item label="权限名称">
		<el-input v-model="form.remarks" placeholder="权限名称"></el-input> </el-form-item> <el-form-item
			label="业务功能组"> <el-select v-model="form.grouporder"
			placeholder="请选择业务功能组" :disabled="selectabled" @change="selectGetLabel"> <el-option
			v-for="item in privtablist" :key="item.grouporder"
			:label="item.privgroup" :value="item.grouporder"> </el-option> </el-select> </el-form-item>
		</el-form>
		<div slot="footer" class="dialog-footer">
			<el-button @click="dialogFormVisible = false">取 消</el-button>
			<el-button type="primary" @click="savePriv">确
			定</el-button>
		</div></el-dialog>
		<!-- Form -->
	</div>



</body>
<script>
	_import("../../plugin/vue/js/after.js");
	//_import("../../plugin/js/user.js");
</script>
<script>
	_import("js/privlist.js");
	//height
	var wHight = $(window).height()-50;
	var bHight = wHight + "px";
	$(".w-jheight").css("height",bHight);
</script>
</html>